// $()代表JQuery()的简写，等同执行此函数，所以在因为页面
// 加载后才可以提交信息，
// 所以在$()中传入function()函数功能，
$(function () {
    // 第一步:获取点击事件，在HTML中给点击事件取名为id='submit'，则获取id需要用#，
    // 然后绑定点击事件，系统知道此事要提交信息，然后再click函数中出入function（）
    // 功能函数，代表点击一下所需要实现的功能，如下
    $("#submit").click(function(event){
        // 阻止按钮默认的提交表单方式
        event.preventDefault();


        // 第二步：获取相关所需要信息的元素标签,oldpwdE是oldpwdElement的简写
        // 通过$()函数获取input标签下的name标签的oldpwd，如下
        var oldpwdE = $("input[name=oldpwd]");
        var newpwd1E = $("input[name=newpwd1]");
        var newpwd2E = $("input[name=newpwd2]");


        // 通过val或取标签元素框中对应的值
        var oldpwd = oldpwdE.val();
        var newpwd1 = newpwd1E.val();
        var newpwd2 = newpwd2E.val();


        // 如何将ajax与crsf结合使用,让信息传到服务器
        // 一则，要在模板的meta标签中渲染一个csrf-token
        // 二则，在ajax头部中设置X-CSRFtoken,提交将相关的功能进行封装，
        // 其他地方也需要使用
        // 到，封装文件放置于static目录下的common文件下
        //此处不可以使用JQuery.post方法，需要用封装过的ajax方法
        lhajax.post({
            //获取url，data信息,注意url写法
            "url":'/back/resetpwd/',
            "data":{
                'oldpwd':oldpwd,
                'newpwd1':newpwd1,
                'newpwd2':newpwd2
            },
            //成功则执行相关的功能
            'success':function(data){
                // console.log(data);
                // 返回成功，则通过状态码，判断数据修改成功
                //此处的data指什么
                if(data['code']==200){
                    lhalert.alertSuccessToast('密码修改成功');
                    oldpwdE.val('');
                    newpwd1E.val('');
                    newpwd2E.val('');
                }else{
                    //这里的message来自何处
                    var message = data['message'];
                    lhalert.alertInfo('message');
                }
            },
            // 失败则
            'fail':function (error) {
                // console.log(error)
                lhalert.alertNetworkError();
            }
        //    此处结束后需要写后端相关视图函数的代码
        });
    });
});